.bannerSwiper .swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	background: #0059aa;
}

.bannerSwiper .swiper-button-prev:after, .bannerSwiper .swiper-button-next:after {
	color: #0059aa;
}

.sec1 .ul1 li {
	width: 20%;
	float: left;
	padding: 15px;
	box-sizing: border-box;
}

.sec1 .ul1 li a {
	display: block;
	border-radius: 6px;
	padding: 20px 16px 12px;
	background: #eaf3fc;
	position: relative;
	overflow: hidden;
}

.sec1 .ul1 li a p {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 8px;
	color: #0f3456;
}

.sec1 .ul1 li a span.en {
	display: block;
	color: #aaa;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sec1 .ul1 li a b {
	display: block;
	width: 40px;
	height: 2px;
	background: #0059aa;
	margin: 12px 0 6px;
}

.sec1 .ul1 li a strong {
	display: block;
	font-size: 28px;
	color: #777;
	opacity: 0.6;
}

.sec1 .ul1 li a em {
	display: block;
	width: 160px;
	height: 160px;
	position: absolute;
	right: -80px;
	top: 80px;
	background: #c1ddf7;
	border-radius: 50%;
	z-index: 1;
	opacity: 0.8;
}

.sec1 .ul1 li a span.icon {
	display: block;
	position: absolute;
	width: 80px;
	height: 80px;
	line-height: 80px;
	right: -10px;
	bottom: -10px;
	text-align: center;
	background: url(../images/icon7.png) no-repeat center;
	background-size: 40px;
	z-index: 10;
}

.sec1 .ul1 li:nth-child(2) a span.icon {
	background-image: url(../images/icon8.png);
}

.sec1 .ul1 li:nth-child(3) a span.icon {
	background-image: url(../images/icon9.png);
}

.sec1 .ul1 li:nth-child(4) a span.icon {
	background-image: url(../images/icon10.png);
}

.sec1 .ul1 li:nth-child(5) a span.icon {
	background-image: url(../images/icon51.png);
}
.sec1 .ul1 li:nth-child(6) a span.icon {
	background-image: url(../images/icon52.png);
}
.sec1 .ul1 li:nth-child(7) a span.icon {
	background-image: url(../images/icon53.png);
}
.sec1 .ul1 li:nth-child(8) a span.icon {
	background-image: url(../images/icon54.png);
}
.sec1 .ul1 li:nth-child(9) a span.icon {
	background-image: url(../images/icon55.png);
}

.sec1 .ul1 li:nth-child(10) a span.icon {
	background-image: url(../images/icon56.png);
}

.sec1 .ul2 li {
	width: 25%;
	float: left;
	padding: 20px 15px;
	box-sizing: border-box;

}

.sec1 .ul2 li a {
	display: block;
	background: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, .3);
}

.sec1 .ul2 li a .text {
	padding: 20px 0;
}

.sec1 .ul2 li a .text h3 {
	padding: 4px 8px 4px 12px;
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: url(../images/icon13.png) no-repeat right 8px center;
	background-size: 24px;
}

.sec1 .ul2 li a .text h3:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
}

.sec2 {
	background: url(../images/bg7.jpg) no-repeat right center;
	background-size: cover;
	padding-bottom: 30px;
}

.sec2 .fl {
	width: 37%;
}

.sec2 .fl li {
	width: 50%;
	float: left;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	box-sizing: border-box;
}

.sec2 .fl li a {
	display: block;
	padding: 24px;
	background: #f2f2f2;
	font-size: 20px;
	position: relative;
}

.sec2 .fl li:nth-child(2n) {
	border-right: none;
}

.sec2 .fl li a span {
	display: block;
	width: 42px;
	height: 42px;
	overflow: hidden;
	margin-top: 50px;
	background: url(../images/icon20.png) no-repeat top center;
	background-size: 42px;
}

.sec2 .fl li:nth-child(2) a span {
	background-image: url(../images/icon46.png);
}

.sec2 .fl li:nth-child(3) a span {
	background-image: url(../images/icon47.png);
}

.sec2 .fl li:nth-child(4) a span {
	background-image: url(../images/icon48.png);
}

.sec2 .fl li:nth-child(5) a span {
	background-image: url(../images/icon49.png);
}

.sec2 .fl li:nth-child(6) a span {
	background-image: url(../images/icon50.png);
}

.sec2 .fl li.on a span {
	background-position-y: bottom;
}

.sec2 .fl li.on a {
	background: url(../images/pho1.png) no-repeat center;
	background-size: cover;
	color: #fff;
}

.sec2 .fr {
	width: 60%;
}

.sec2 .fr li {
	margin-bottom: 30px;
}

.sec2 .fr li a {
	display: block;
	background: #f4faff;
	overflow:hidden
}

.sec2 .fr li .pho {
	width: 40%;
	float: left;
}

.sec2 .fr li .tex {
	width: 60%;
	float: right;
	padding: 36px 20px 0 40px;
	box-sizing: border-box;
	position: relative;
}

.sec2 .fr li .tex:before {
	content: "";
	width: 12px;
	position: absolute;
	left: 15px;
	height: 26px;
	bottom: -25px;
	background: url(../images/line.png) no-repeat center;
	background-size: cover;
	opacity: 0.4;
}

.sec2 .fr li .tex h3 {
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sec2 .fr li .tex p {
	font-size: 15px;
	line-height: 30px;
	margin: 12px 0 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.sec2 .fr li .tex span {
	display: block;
	width: 120px;
	line-height: 32px;
	background: #0059aa;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	float: right;
}

.sec2 .fr li:nth-child(2) .pho {
	width: 40%;
	float: right;
}

.sec2 .fr li:nth-child(2) .tex {
	width: 60%;
	float: left;
}

.sec3 {
	padding: 35px 0;
	background: url(../images/bg5.jpg) bottom center;
	background-size: cover;
}

.sec3 .text {
	width: 60%;
	padding: 30px 4% 0 30px;
	box-sizing: border-box;
}

.sec3 .text strong.st {
	display: block;
	font-size: 80px;
	color: rgba(255, 255, 255, .6);
	-webkit-text-stroke: 2px #0059aa;
}


.sec3 .text h2 {
	font-size: 32px;
	color: #0059aa;
}

.sec3 .text p {
	font-size: 16px;
	line-height: 32px;
	text-indent: 2em;
	margin: 20px 0 30px;
}

.sec3 .text a {
	display: block;
	float: right;
	width: 120px;
	line-height: 34px;
	border-radius: 3px;
	text-align: center;
	background: #0059aa;
	color: #fff;
}

.sec3 .pho {
	width: 40%;
}

.sec5 li {
	width: 33.33%;
	float: left;
	padding: 30px;
	box-sizing: border-box;
}

.sec5 li a {
	display: block;
	background: url(../images/bg1.jpg) no-repeat bottom center;
	background-size: cover;
	color: #fff;
}

.sec5 li a .text {
	padding: 25px 25px 0;
}

.sec5 li a h3 {
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sec5 li a p {
	margin: 12px 0;
	padding-left: 30px;
	position: relative;
	font-size: 15px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.sec5 li a p:before {
	content: "";
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	left: 8px;
	top: 10px;
	opacity: 0.4;
}

.sec5 li a p:after {
	content: "";
	position: absolute;
	left: 14px;
	top: 21px;
	bottom: 0;
	width: 1px;
	background: #fff;
	opacity: 0.4;
}

.sec5 li a span {
	font-size: 15px;
	display: block;
	margin: 0 -25px;
	border-top: 1px solid rgba(255, 255, 255, .2);
	padding: 13px 25px;
	background: url(../images/icon19.png) no-repeat right 25px center;
	background-size: 22px;
}

.sec6 li {
	width: 25%;
	float: left;
	padding: 20px;
	box-sizing: border-box;
}

.sec6 li a {
	display: block;
	background: #f7fbff;
	border-bottom: 4px solid rgba(0, 89, 170, .8);
}

.sec6 li a .pho {
	position: relative;
}

.sec6 li a .pho:after {
	content: "";
	width: 54px;
	height: 54px;
	background: url(../images/icon21.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.sec6 li a .text {
	padding: 20px;
}

.sec6 li a .text h3 {
	font-size: 17px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sec6 li a .text span {
	display: block;
	color: #888;
}

.sec7 {
	padding: 20px 0;
	background: url(../images/bg2.jpg) no-repeat right center;
	background-size: cover;
}

.sec7 .title h2, .sec7 .title p, .sec7 .title h2 span {
	color: #fff;
}

.sec7 .title h2:after, .sec7 .title h2:before {
	background-image: url(../images/icon12.png);
}

.sec7 .fl {
	width: 26%;
}

.sec7 .fl a {
	display: block;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 0 8px rgba(0, 0, 0, .3);
}

.sec7 .fl a .text {
	padding: 20px 24px 70px;
}

.sec7 .fl a .text h3 {
	font-size: 17px;
	line-height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.sec7 .fl a .text p {
	font-size: 15px;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 8px 0;
}

.sec7 .fl a span {
	display: block;
	font-size: 15px;
	opacity: 0.6;
	background: url(../images/icon14.png) no-repeat left center;
	background-size: 22px;
	padding-left: 30px;
}

.sec7 .fl a .text b {
	display: block;
	width: 100px;
	line-height: 32px;
	background: #0059aa;
	color: #fff;
	border-radius: 4px;
	float: right;
	margin-top: 16px;
	text-align: center;
	font-weight: 500;
}

.sec7 .fr {
	width: 74%;
}

.sec7 .fr li {
	width: 33.33%;
	float: left;
	padding-left: 30px;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.sec7 .fr li a {
	display: block;
	padding: 14px 20px 34px;
	background: rgba(93, 151, 226, 0.5);
	border-radius: 8px;
	color: #fff;
}

.sec7 .fr li a h3 {
	font-size: 17px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 30px;
	background: url(../images/icon17.png) no-repeat right center;
	background-size: 26px;
}

.sec7 .fr li a p {
	font-size: 14px;
	line-height: 26px;
	margin: 10px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


.sec7 .fr a span {
	display: block;
	font-size: 15px;
	background: url(../images/icon15.png) no-repeat left center;
	background-size: 22px;
	padding-left: 30px;
	float: right;
}

@media all and (min-width: 1024px) and (max-width: 1600px) {
	.sec1 .ul1 li a span.icon {
		width: 70px;
		height: 70px;
		line-height: 70px;
		background-size: 38px;
		right: -5px;
		bottom: -5px;
	}

	.sec1 .ul1 li a em {
		width: 140px;
		height: 140px;
		right: -70px;
		top: 78px;
	}

	.sec1 .ul1 li a {
		padding-bottom: 8px;
	}

	.sec2 .fl li a {
		padding: 20px;
		font-size:18px
	}

	.sec5 li {
		padding: 25px 22px;
	}

	.sec5 li a .text {
		padding: 22px 20px 0;
	}

	.sec6 li {
		padding: 18px 14px
	}

	.sec7 .fr li a p {
		margin:6px 0
	}

}

@media all and (min-width: 1024px) and (max-width: 1440px) {
	.sec1 .ul1 li {
		padding: 15px 10px;
	}

	.sec2 .fl li a span {
		margin-top: 38px;
		width: 40px;
		height: 40px;
		background-size: 40px;
	}

	.sec2 .fl li a {
		font-size: 18px;
	}

	.sec2 .fr li .tex:before {
		bottom: -10px;
	}



	.sec7 .fr li {
		padding-left: 24px;
	}

	.sec7 .fr li a p {
		margin: 10px 0 5px;
	}

	.sec7 .fr li a h3 {
		font-size: 16px;
	}

	.sec7 .fr li a {
		padding: 12px 18px 28px;
	}

	.sec7 .fr a span {
		background-size: 20px;
	}
}


@media all and (min-width: 0) and (max-width: 767px) {
	.bannerSwiper .swiper-pagination-bullet {
		width: 14px;
		height: 14px;
	}

	.sec1 .ul1 li {
		width: 50%;
		padding: 10px 8px;
	}

	.sec1 .ul1 li a {
		padding: 20px 10px 8px;
	}

	.sec1 .ul1 li a p {
		font-size: 16px;
	}

	.sec1 .ul1 li a strong {
		line-height: 1;
		font-size: 24px;
		margin-top: 5px;
	}

	.sec1 .ul1 li a em {
		width: 120px;
		height: 120px;
		right: -60px;
		top: 60px;
	}

	.sec1 .ul1 li a span.icon {
		width: 60px;
		height: 60px;
		line-height: 60px;
		background-size: 32px;
		right: -5px;
		bottom: -5px;
	}

	.sec1 .ul2 li {
		width: 50%;
		padding: 14px 10px;

	}

	.sec1 .ul2 li a .text {
		padding: 8px 0;
	}

	.sec1 .ul2 li a .text h3 {
		padding: 4px 8px;
		font-size: 16px;
		background: none;
	}


	.sec2 {
		background: url(../images/bg7.jpg) no-repeat right center;
		background-size: cover;
		padding-bottom: 10px;
	}

	.sec2 .fl {
		width: 100%;
	}

	.sec2 .fl li {
		width: 50%;
		padding: 6px 10px;
		border: none;
	}

	.sec2 .fl li a {
		text-align: center;
		line-height: 40px;
		border-radius: 20px;
		padding: 0px;
		font-size: 16px;
	}

	.sec2 .fl li a span {
		display: none;
	}

	.sec2 .fl li.on a {
		background: #0059aa;
		color: #fff;
	}

	.sec2 .fr {
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}

	.sec2 .fr li {
		margin-bottom: 20px;
	}

	.sec2 .fr li .pho {
		width: 100%;
		float: inherit;
	}

	.sec2 .fr li .tex {
		width: 100%;
		float: inherit;
		padding: 26px 15px 50px;
	}

	.sec2 .fr li .tex:before {
		bottom: 15px;
	}

	.sec2 .fr li .tex h3 {
		font-size: 16px;
	}

	.sec2 .fr li .tex p {
		font-size: 14px;
		line-height: 26px;
		margin: 8px 0 10px;
	}

	.sec2 .fr li .tex span {
		width: 100px;
		line-height: 30px;
	}

	.sec2 .fr li:nth-child(2) .pho {
		width: 100%;
		float: inherit;
	}

	.sec2 .fr li:nth-child(2) .tex {
		width: 100%;
		float: inherit;
	}

	.sec3 {
		padding: 28px 0;
	}

	.sec3 .text {
		width: 100%;
		padding: 0px 10px;
	}

	.sec3 .text strong.st {
		font-size: 60px;
	}

	.sec3 .text h2 {
		font-size: 28px;
	}

	.sec3 .text p {
		font-size: 15px;
		line-height: 30px;
		margin: 10px 0 20px;
	}

	.sec3 .text a {
		margin: 0 auto;
		float: inherit;
		width: 100px;
		line-height: 32px;
	}

	.sec3 .pho {
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
	}

	.sec5 li {
		width: 100%;
		float: inherit;
		padding: 10px;
	}

	.sec5 li a .text {
		padding: 18px 16px 0;
	}

	.sec5 li a h3 {
		font-size: 16px;
	}

	.sec5 li a p {
		margin: 10px 0;
		padding-left: 20px;
		font-size: 14px;
		line-height: 26px;
	}

	.sec5 li a p:before {
		width: 8px;
		height: 8px;
		left: 0px;
	}

	.sec5 li a p:after {
		left: 5px;
		top: 19px;
	}

	.sec5 li a span {
		font-size: 14px;
		background-size: 20px;
	}

	.sec6 li {
		width: 50%;
		padding: 10px;
	}

	.sec6 li a .pho:after {
		width: 48px;
		height: 48px;
	}

	.sec6 li a .text {
		padding: 14px;
	}

	.sec6 li a .text h3 {
		font-size: 16px;
	}

	.sec7 {
		padding: 20px 16px;
	}

	.sec7 .fl {
		width: 100%;
	}

	.sec7 .fl a .text {
		padding: 18px 20px 60px;
	}

	.sec7 .fl a .text h3 {
		font-size: 16px;
	}

	.sec7 .fl a .text p {
		font-size: 14px;
		line-height: 26px;
	}

	.sec7 .fl a .text b {
		width: 100px;
		line-height: 30px;
		margin-top: 14px;
	}

	.sec7 .fr {
		width: 100%;
		margin-top: 20px;
	}

	.sec7 .fr li {
		width: 100%;
		float: inherit;
		padding-left: 0px;
	}

	.sec7 .fr li a {
		padding: 14px 16px 34px;
	}

	.sec7 .fr li a h3 {
		font-size: 16px;
		padding-right: 26px;
		background-size: 24px;

	}

	.sec7 .fr a span {
		font-size: 14px;
		background-size: 20px;
		padding-left: 26px;
	}
}